(function(){
    // 定义初始页数
    let pageid = 0;

    // 请求获取总页数
    fetch('http://chst.vip:1234/api/getmoneyctrl?pageid')
        .then(function(response){
            return response.json()
        }).then(function(data){
            console.log(data);
            let res = data.result
            console.log(res);

            // 计算总页数
            let pages = Math.ceil(data.totalCount / data.pagesize)
            console.log(pages);

            // 渲染 select 列表
            let options = ''
            for(let i=0;i<pages;i++){
                options += `
                    <option>${i+1}/${pages}</option>
                `;
            }
            $('.page').html(options);

            // 下一页 添加 点击事件
            $('.next').on('click',function(e){
                pageid++;
                // 阻止 button 默认刷新页面
                e.preventDefault();


                $('.prev').prop('disabled',false)
                $('.page option').eq(pageid).prop('selected',true).siblings().prop('selected',false)
                console.log(pageid);

                // 调用 渲染页面 函数
                getProduct(pageid);
                // 判断禁用按钮
                if (pageid >= pages-1) {
                    return $('.next').prop('disabled',true);

                }
            })

             // 上一页 添加 点击事件
             $('.prev').on('click',function(e){
                pageid--
                // 阻止 button 默认刷新页面
                e.preventDefault();


                $('.next').prop('disabled',false)
                $('.page option').eq(pageid).prop('selected',true).siblings().prop('selected',false)
                console.log(pageid);

                // 调用 渲染页面 函数
                getProduct(pageid);
                // 判断禁用按钮
                if (pageid == 0) {
                    return $('.prev').prop('disabled',true);

                }
            })

            // select 下拉框 添加 change事件
            $('.page').on('change',function(){
                pageid = this.value.split('/')[0].trim() - 1;
                console.log(pageid);

                // 调用 渲染页面函数
                getProduct(pageid);
                // 判断
                if (pageid >= pages - 1) {
                    $('.prev').prop('disabled'.false);
                    return $('.next').prop('disabled',true)
                }
                if (pageid == 0) {
                    $('.next').prop('disabled'.false);
                    return $('.prev').prop('disabled',true)
                }
                $('.prev').prop('disabled',false)

            })

        });

        // 调用渲染页面函数

        getProduct(pageid);






    // 封装 渲染商品 函数
    function getProduct(pageid){
        fetch('http://chst.vip:1234/api/getmoneyctrl?pageid='+pageid)
        .then(function(response){
            return response.json()
        }).then(function(data){
            console.log(data);
            let res = data.result
            console.log(res);
            let regExp = /(?<=imgurl=)[^'"]*/;
            let ele = ''
            res.forEach(item => {
                let img = regExp.exec(item.productImgSm)[0];
                ele += `
                <li>
                    <a href="discount.html?productid=${item.productId}">
                        <div class="left">
                            <img src="${img}" alt="">
                        </div>
                        <div class="right">
                            <h4>${item.productName}</h4>
                            <div class="other">
                                <span class="mall">${item.productFrom} | ${item.productTime}</span>
                                <em class="fr">
                                    <i class="iconfont icon-xiaoxi"></i>
                                    <span>${item.productComCount}</span>
                                </em>
                            </div>
                        </div>
                    </a>
                </li>
                `
            });
            $('#product').html(ele);
        })
    }














})();